@import "mixins/center-extend";

* {
  margin: 0;
  padding: 0;
}

#wrap {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid black;
  margin: 0 auto;

  .inner {
    //&:extend(.center-extend); // 相当于 ".inner, .center-extend"
    &:extend(.center-extend all); // 继承.center-extend的所有style，包括hover等
    //.center-mixin();
    margin: auto;

    &:nth-child(1) {
      width: 100px;
      height: 100px;
      background: pink;
    }

    &:nth-child(2) {
      width: 50px;
      height: 50px;
      background: deeppink;
    }
  }
}